<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>李美娜</title>
    <style>
     .all {
        display: flex;
    justify-content: space-between;
     align-items: center;
      vertical-align: middle;
      border-style:solid;
	border-width:1px;
  border-color:#FFFFFF 100%;
 }  
  .photo{
     display: flex;
     gap:15px;
  }
  .p1{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .p2{
       display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .p3{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .text{
    display: flex;
    letter-spacing: 1px;
  }
    </style>
</head>
<body>
    <div class="all">

  <div class="text">
    <p>关注 <strong>推荐</strong>  热榜 专栏 圈子 </p>
   </div> 
    <div class="photo">
        <div class="p1">
          <img src="铃铛.webp" alt="消息"width=18px height="18px">
          <span>消息</span>
        </div>
    <div class="p2">
     <img src="小气泡.jpg" alt="私信"width=18px height="18px">
     <span>私信</span>
    </div>
    <div class="p3">
   <img src="个人中心.webp" alt="创作中心"width=18px height="18px">
  <span>创作中心</span>
    </div>
    
     <img src="tou.png" alt="头像"width=34px height="34px">
    </div>
    </div>  
</body>
</html>